<template>
  <div>
    <Modal
      v-model="modalShow"
      draggable
      scrollable
      title="查看流程图"
      class="mdoal flowChartModal"
      :width="800"
    >
      <p slot="header" class="modalHeader">查看流程图</p>
      <CButtonClose slot="close" @click="close" />
      <CCardBody style="text-align: center">
        <img :src="picture" alt class="styImg" />
      </CCardBody>
      <template #footer>
        <CButton @click="close" color="info" class="system-btn-style">返回</CButton>
      </template>
    </Modal>
  </div>
</template>
<script>
export default {
  name: "processingGraph",
  props: ["modalShow"],
  data() {
    return {
      picture: "",
    };
  },
  mounted() {},
  methods: {
    //对应流程线的流程图
    displayProductionLineGraph(path) {
      this.picture = path;
    },
    close() {
      this.$emit("close");
    },
  },
};
</script>
<style scoped></style>
